<template>
  <div id="app">
    <!-- <div>我是顶部导航栏对应的组件</div>  --> 
    <!--  <div>我是侧边栏对应的组件</div> --> 
    <!-- <img src="./assets/logo.png"> -->
    <!-- <h2>{{currentPage}}</h2> --> 
    <router-view/>
     <!-- <hello></hello> --> 
    <!-- <pagination @change-page="changeHandler"></pagination> --> 
    <!-- el-icon-s-promotion -->
    <!-- <i class="el-icon-s-promotion"></i> --> 
    <!-- <i class="el-icon-s-promotion"></i> -->  
    <!-- <i class="el-icon-s-promotion"></i> -->  
  </div>
</template>

<script>
import hello from './components/HelloWorld'
import pagination from './components/page'
export default {
  name: 'App',
  data() {
    return {
      currentPage:1
    }
  },
  components:{
    hello,pagination
  },
  created() {
  },
  methods: {
    changeHandler(v){
      this.currentPage = v
    }
  },
}
</script>

<style>
 * {
   margin: 0;
   padding: 0;
 }
#app {
  text-align: center;
}
</style>
